<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<link rel="stylesheet" href="stylesheet.css" type="text/css" media="screen, projection" />
		<title>ubibandy</title>
		<meta name="description" content="Do it right - do it hard!" />
	</head>
	<body>
	
		<div id="admin-login-wrapper">
			<div id="ubibandy">
			</div>
			<div class="admin-login">
				<form method="post" action="">
					<fieldset>
						<input name="admin-login" type="text" id="admin-login" value="Username" onfocus="if (this.value == 'Username') {this.value = '';}"
									onblur="if (this.value == '') {this.value = 'Username';}" />
						<input name="password-login" type="text" id="password-login" value="Password" onfocus="if (this.value == 'Password') {this.value = '';} if (this.type == 'text') {this.type = 'password'};" onblur="if (this.value == '') {this.value = 'Password';} if (this.type == 'password' &amp;&amp; this.value == 'Password') {this.type = 'text'};" />
						<input name="login" type="submit" class="submit-button" value="LOGIN" />
					</fieldset>
				</form>
			</div>
		</div>
		
		<div id="top-bar-wrapper">
			<div id="top-bar">
				<div class="top-bar-left">&laquo; Log out</div>
				<div class="top-bar-center">Match Overview</div>
			</div>
		</div>
		
		<div id="match-overview">
			<div class="match">
				<div class="match-info"><b>ID</b></div>
				<div class="match-info"><b>DATE</b></div>
				<div class="match-info"><b>DURATION</b></div>
				<div class="match-info"><b>SCORE</b></div>
			</div>
			<a href="#">
				<div class="match">
					<div class="match-info">1</div>
					<div class="match-info">17-05-2011</div>
					<div class="match-info">90 min</div>
					<div class="match-info">4-9</div>
				</div>
			</a>
			<a href="#">
				<div class="match">
					<div class="match-info">2</div>
					<div class="match-info">17-05-2011</div>
					<div class="match-info">90 min</div>
					<div class="match-info">5-7</div>
				</div>
			</a>
			<a href="#">
				<div class="match">
					<div class="match-info">3</div>
					<div class="match-info">17-05-2011</div>
					<div class="match-info">90 min</div>
					<div class="match-info">8-7</div>
				</div>
			</a>
		</div>
		
		<div id="top-bar-wrapper">
			<div id="top-bar">
				<div class="top-bar-left">&laquo; Go back</div>
				<div class="top-bar-center">Match ID 1</div>
			</div>
		</div>
		
	</body>
</html>